@import url("ArticlePane.css");
@import url("conferences.css");
@import url("testimonies.css");
@import url("groupSearch.css");

@import url("tips.css");
@import url("videoLibrary.css");
@import url("eventDetail.css");
@import url("articlesModules.css");
@import url("eventLister.css");

@import url("cap09.css");

/* ERJ BLue Columns
================================
Main styles
================================
*/   

html { /* background-color: #8595a6;*/
	background-color: #293b4a;
	background-image:url(ERJ_Bg.jpg);
	background-repeat: repeat-y;
	background-position: center;
	
}

.DirectorioText
{
    font-family: Verdana, Arial, Times New Roman;
    font-size: 10pt;
    overflow: auto;
    }
.DirectorioChuch
{
    font-family: Verdana, Arial, Times New Roman;
    font-size: 10pt;
    font-weight: bold;
    overflow: auto;
    }

Body 
{
	background-color: #293b4a;
    /* background-color: #8595a6;
    background-image:url(ERJ_Bg.jpg);
	background-repeat: repeat-y;
	background-position: center;*/
	background-image:url(ERJ_Bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: fixed;
    }

.pagemaster {
	background-color: Transparent;
	padding: 0px;
}
.pagespacer {
	background-color: #ffffff;
	height: 10px;
}
.controlpanel {
	background-color: Transparent;
}
.skinmaster {
	background-color: Transparent;
}
.Body {
	background-color: #E4E4E4;
}

.TopPane {
	vertical-align:top;
	background-color: #FFFFFF; /* Old Color #E4E4E4; */
}
.Contentpane {
	background-color: #FFF;
}
.RightPane {
	background-color: #E4E4E4;
	min-height: 600px;
	#height:600px !important;
	
}
.BottomRows {
    background-color: #E4E4E4;
}
.BottomLeftPane {
	background-color: #E4E4E4;
}
.BottomCenterPane {
	background-color: #E4E4E4;
}
.BottomRightPane {
	background-color: #E4E4E4;
}

/* 
================================
Interior Pages styles
================================
*/ 
.rightPaneBg {
	background-image:url(interior_right_pane_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #E4E4E4;
}


#RigthImg {
	height: 650px;
	width: 100%;
	left: 50%;
	right: 50%;

}


.rightPanePic {
	vertical-align: top;
	float: right;
	top: 0px;
}
/* 
================================
Styles for Simple Content Skin
================================
*/   
.SimpleTopPane {
	vertical-align:top;
	background-color: #E4E4E4;
}
.SimpleContentpane {
	background-color: #E4E4E4;
}
.SimpleRightPane {
	background-color: #E4E4E4;
}
.SimpleBottomPane {
	background-color: #E4E4E4;
}
/* ============================ */

.StandardButton {
  background: #7994cb none; 
  font-family: verdana, sans-serif; 
  font-size: 11px;
  font-weight: normal;
}
.TreeViewMenu {
	width: 175px;
	background-color: #dfe5f2;
	border-right: #7994cb 1px solid; 
	border-top: #7994cb 1px solid; 
	border-left: #7994cb 1px solid; 
	border-bottom: #7994cb 1px solid; 
	moz-border-radius-bottomleft: 15px; 
	moz-border-radius-bottomright: 15px; 
	moz-border-radius-topleft: 3px; 
	moz-border-radius-topright: 3px;
}
.TreeViewMenu_Header {
	background-image: url(gradient_LtBlue.jpg);
}

.Menu {
	background-image: url(ERJ-Menu-Bg.gif);
}
 
/* Main Menu */

.MainMenu_MenuContainer {	
	background-color: Transparent;
}
.MainMenu_MenuBar {
	cursor: pointer; 
	cursor: hand; 
	height:16px;
	background-color: Transparent;
}

.MainMenu_MenuItem {
	cursor: hand;
	color: #336699;
	background-color: Transparent;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	padding-right: 10;
	padding-left: 5;
}
.MainMenu_MenuIcon { display:none;
}
.MainMenu_SubMenu {
	border: 1px solid #386F91; 
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	background-color: #cccccc;
	color: #336699;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='DimGray' , Direction=135, Strength=3);
}

.MainMenu_MenuBreak {
	border-bottom: transparent 0px solid; 
	border-left: transparent 0px solid; 
	border-top: transparent 0px solid;  
	border-right: transparent 0px solid; 
	background-color: transparent; 
	height: 10px;
}

.MainMenu_MenuItemSel {
	background-color: #336699;
	cursor: hand; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-weight: normal; 
	font-style: normal;
	color:#ffffff;
	padding-right: 10;
	padding-left: 5;
}

.MainMenu_MenuArrow {
	font-size: 11px; 
	cursor: pointer; 
	cursor: hand; 
	display:none;
}

.MainMenu_RootMenuArrow { 	padding-right: 5;

}
.MainMenu_RootMenuArrow img{ 	display:none;

}
.Main {
	border-right:  #B7BFC9 0px solid; 
	border-left: 0px solid #ff0000; 
}
/**/


.myLogin { font-family: Verdana, Tahoma, Arial, Helvetica-Normal; font-size: 11px; font-weight: bold; color: #003896;}
.myFontStyle 
{
    font-family: Verdana, Tahoma, Arial, Helvetica-Normal; 
    font-size: 11px; 
    font-weight: normal; 
    color: #003895; /* Light Blue as in the Button Haz Click Aqui */
    background-image: url(ERJ-BCrumb-Bg.gif);
}
.BCrumb {
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	font-weight: normal;
	color: #4882b2;
	background-image: url(ERJ-BCrumb-Bg.gif);
	background-color: #FFFFFF;
/*	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #999999;
	border-bottom-color: #999999; */
}
.BCrumb A{
border: none;
}
/*========================================================*/
/*  4. Tokens                                             */
/*========================================================*/

/*-- login and user token idle         --*/ .LOGIN_object, a.LOGIN_object:link, a.LOGIN_object:visited, a.LOGIN_object:active, .USER_object, a.USER_object:link, a.USER_object:visited, a.USER_object:active { color: #FFF; font-family: verdana, tahoma, arial; font-size: 11px; font-weight: normal; text-decoration: none; }
/*-- login and user token hover        --*/ a.LOGIN_object:hover, a.USER_object:hover { color: #FFF; font-family: verdana, tahoma, arial; font-weight: normal; font-size: 11px; text-decoration: underline; }
/*-- date token idle                   --*/ .DATE_object, a.DATE_object:link, a.DATE_object:visited, a.DATE_object:active { color: #FFF; font-family: verdana, tahoma, arial; font-size: 11px; text-decoration: none;font-weight: normal; }
/*-- date token hover                  --*/ a.DATE_object:hover { color: #FFF; font-family: verdana, tahoma, arial; font-size: 11px; text-decoration:  underline; }
/*-- date token idle 2                 --*/ .DATE_object2, a.DATE_object2:link, a.DATE_object2:visited, a.DATE_object2:active { color: #FFF; font-family: verdana, tahoma, arial; font-size: 11px; text-decoration: none; font-weight:normal; }
/*-- date token hover 2                --*/ a.DATE_object2:hover { color: #FFF; font-family: verdana, tahoma, arial; font-size: 11px; text-decoration:  underline;  font-weight: normal; }
/*-- breadcrumbs token idle            --*/ .BREADCRUMBS_object, a.BREADCRUMBS_object:link, a.BREADCRUMBS_object:visited, a.BREADCRUMBS_object:active { color: #4D4D4D; font-family: verdana, tahoma, arial; font-size: 11px; text-decoration: none; font-weight: normal;}
/*-- breadcrumbs token hover           --*/ a.BREADCRUMBS_object:hover { color: #4D4D4D; font-family: Verdana, tahoma, arial; font-size: 11px; text-decoration:  underline; font-weight: normal; }
/*-- terms privacy and copyright       --*/ .FOOTER_objects { color:#000; font-size: 11px;font-family: Verdana, tahoma, arial;  }
/*-- terms privacy and copyright links --*/ a.FOOTER_objects:link, a.FOOTER_objects:visited, a.FOOTER_objects:active { color:#000; font-weight: normal; text-decoration:none; font-size: 11px;  }
/*-- terms privacy and copyright hover --*/ a.FOOTER_objects:hover { color:#000; font-weight: normal; text-decoration: underline;  }
/*-- terms SearchFeild idle            --*/ .SearchFeild { color:#000; font-size: 11px;font-family: verdana, tahoma, arial;  }
/*-- terms SearchFeild links           --*/ a.SearchFeild:link, a.SearchFeild:visited, a.SearchFeild:active { color:#000; font-weight: normal; text-decoration:none; font-size: 11px;  }
/*-- terms SearchFeild links hover     --*/ a.SearchFeild:hover { color:#000; font-weight: normal; text-decoration: none;  }
/* text and link style for SkinObjects */
.SkinObject
{
	color: #000;
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	padding-left: 1px;
	padding-right: 1px;
}

/* 
=================================
Container styles 
=================================
*/   
.containermaster {
	width: 100%;
	font-family: Verdana, Tahoma, Arial;
	font-size: 10px;
	background-color: #dfe5f2;
	border-right: #7994cb 1px solid; 
	border-top: #7994cb 1px solid; 
	border-left: #7994cb 1px solid; 
	border-bottom: #7994cb 1px solid; 
	moz-border-radius-bottomleft: 15px; 
	moz-border-radius-bottomright: 15px; 
	moz-border-radius-topleft: 3px; 
	moz-border-radius-topright: 3px;
}
.ContainerHeader {
    font-size: 10px;
    font-family: Verdana, Tahoma, Arial;
	background-image: url(bg-top.jpg) repeat-x left top;
	background-color: #dfe5f2;
}
.ContainerFooter2 {
    font-size: 10px;
    font-family: Verdana, Tahoma, Arial;
	background-image: url(bg-top.jpg) repeat-x left top;
	background-color: #dfe5f2;
}
.Content {
	background-color: #E4E4E4;

}

.ContentWhite {
	background-color: #FFFFFF;
	font-family: Verdana, Tahoma, Arial;
}

/* 
=================================
Container styles for HTML Content
=================================
*/   
table {
	font: 8pt/20px  Verdana, Tahoma, Arial;
	}
body2 {
	color: #333333;/*themecolour2%0;*/
	background-color: #FFFFFF;/*themecolour2;*/
}
.TableTitle {
	background-color: #cad5ea;
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	color: #003896;
}
p {
	margin: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	text-align: left;
	line-height: 18px;
	padding: 10px;
	}
	
blockquote {
	margin-top: 0px;
	margin-bottom: 0px;
	color: #333333; /*themecolour2%0;*/
	margin-right: 0px;
	margin-left: 25px;
}
ol {
	margin-top: 0px;
	margin-bottom: 0px;
	color: #333333;/*themecolour2%0;*/
}

h1 {
	font-size: 17px;
	color: #0065a2;/*themecolour1;*/
	margin-top: 5px;
	font-family: Verdana, Tahoma, Arial;
	font-weight: bold;
	padding-left: 10px;
}

.sidebar {
	font-size: 8pt;
	color: #4d7b97;/*themecolour1$ 51.1%,-6.7%;*/
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #0065a2;/*themecolour1;*/
	border-left-color: #0065a2;/*themecolour1;*/
	padding-left: 6px;
	padding-right: 6px;
}
.topborder {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0065a2;/*themecolour1;*/
	padding-left: 45px;
}
.topborder2 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0065a2;/*themecolour1;*/
}

.spacer {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #0065a2;/*themecolour1;*/
	background-image: url(Pastel_page4_files/Pastel_page4_spacer.gif);
	background-repeat: repeat;
}
.spacer2 {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #0065a2;/*themecolour1;*/
	background-image: url(Pastel_page4_files/Pastel_page4_spacer2.gif);
	background-repeat: repeat;
}

 a:link {
	color: #336699;/*themecolour1$ 7.6%,-46.9%;*/
}
 a:visited {
	color: #336699;
}
 a:link:hover {
	color: #336699;/*themecolour1;*/
}
.divider {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0065a2;/*themecolour1;*/
}
.imagetext {
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 10px;
}
.rcolpad {
	padding-top: 10px;
	padding-bottom: 10px;
}


.leftborder {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #006699;
}
.HeaderStyle1 {
	color: #2F5BA6;
	font-size: 12pt;
}
.HeaderStyle2 {
	font-size: 14px;
	color: #000000;
	margin-top: 0px;
	margin-bottom: 1px;
	font-family: Verdana, Tahoma, Arial;
	padding-left: 15px;
}
.HeaderStyle3 {
	font-size: 14px;
	color: #2F5BA6;
	margin-top: 0px;
	margin-bottom: 1px;
	font-family: Verdana, Tahoma, Arial;
	font-weight: bold;
}
.ContentStyle {
	font-family: Verdana, Tahoma, Arial;
	font-size: 10pt;
}
.versetext {
	color: #2F5BA6;
}
.BCards {
background-color: #CCCCCC;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width:1px;
	border-top-width:1px;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-style: solid;
	border-top-style: solid;
	font-family: Verdana, Tahoma, Arial;
	font-size: 10pt;
	border-right-color: #0065a2;
	border-left-color: #0065a2;
	border-bottom-color: #0065a2;
	border-top-color: #0065a2;
	padding-right: 30px;
	padding-left: 19px;
}

.highlighttext {
	font-size: 8pt;
	font-weight: bold;
	color: #000000;
	padding-right: 30px;
	padding-left: 10px;
	background-color: #C6DDFE;
}
.imagebg {
	background-color: #C6DDFE;
}
.rightcoltext {
	font-family: Verdana, Tahoma, Arial;
	font-size: 10pt;
	padding-right: 30px;
	padding-left: 19px;
}
.panelbottom {
	background-color: #C6DDFE;
}
h2 {
	font-size: 12px;
	color: #000000;
	margin-top: 0px;
	margin-bottom: 1px;
	font-family: Verdana, Tahoma, Arial;
	font-weight: bold;
}
h3 {
	font-size: 14px;
	color: #000000;
	margin-top: 0px;
	margin-bottom: 1px;
	font-family: Verdana, Tahoma, Arial;
	font-weight: bold;
	padding-left: 15px;
}
.FooterStyle1 {
	font-size: 16px;
	color: #2F5BA6;
	margin-top: 0px;
	margin-bottom: 1px;
	font-family: Verdana, Tahoma, Arial;
	font-weight: bold;
	padding-left: 15px;
}
.PodcastB1 {
	background-image:url(images/Podcast_01.gif);
	width: 508px;
	height: 44px;
}
.PodcastH1 {
	font-family:Verdana, Tahoma, Arial;
	font-size:12px;
	color: #0065a2;
}
.PodcastH2 {
	font-family:Verdana, Tahoma, Arial;
	font-size:10px;
	color: #0065a2;
}
.PodcastSmallText {
	font-family:Verdana, Tahoma, Arial;
	font-size: 9px;
	color: #000000;
}
.PodcastTable {
background-color: #FFFFFF;
}
.SmallNews 
{
    font-family: Verdana, Tahoma, Arial, Helvetica-Normal;
    font-size: 10px;
    font-weight: normal;
    line-height: 15px;
}

/* ============================= Event Viewer Style =================================*/
.erjEventLabel {
background-color: transparent;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #336699;
font-style:normal;
font-weight:normal;
}

.erjEventTable {
	background-color:Transparent;
	border: 0px solid #336699;
	padding: 0px;
	width: 286px;
}
.erjEventTable2 {
	background-color:Transparent;
	width: 286px;
	height: 145px;
}
.erjEventTop {
	background-image: url(../../../0/ERJ-calendario-header.jpg);
	background-position: left top;
	padding-left: 100px;
	height: 27px;
	width: 286px;
}
.erjEventGrid 
{
     width: 287px; 
}
.erjEventCol1 {
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #336699;
    padding-left: 5px;
}
.erjEventHeader {
	background-color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	border-bottom: 1px solid #FFFFFF;
	background-position: center center;
	height: 20px;
	padding: 0px;
	margin: 0px;
	font-style: normal;
	text-transform: capitalize;
	color: #FFFFFF;
	text-align: left;
	text-indent: 10px;
}

.erjEventDropMenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #336699;
	width: 170px;
	border: solid 1px #cccccc;
}


/* ================ Form Elements ============================== */
.GFSearch {
	float: left;
	width: 40px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	border: 1px solid #333333;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 5px;
	margin-left: 5px;
	color: #666666;
}
.GFSearchButton 
{
}


/* ============= Acordion================================== */


#header {
	color: #CCCCCC;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
}

#accContainer {
	width: 100%;
	height: 100%;
	background-color: #f2f2f2;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	float: left;
}
.menuTitle {
font-size: 12px;
	color: #0065a2;/*themecolour1;*/
	font-family: Verdana, Tahoma, Arial;
	font-weight: bold;
	display: block;
	background-color: #f2f2f2;
	text-decoration: none;
	outline-style:none;
	height: 18px;
	padding-top: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
	margin-bottom: 1px;
}

/* 
================================
          Ministerios
================================
*/   
.MinisteriosHeader 
{
    color: #336699;
    font-family: Verdana, Arial, Helvetica-Normal, Sans-Serif;
    font-size: 24px;
    font-weight: bold;
    }
.Ministeriosbody {
}
.MinisteriosFooter 
{
    background-color: inherit;
    color: #336699;
    font-family: Verdana, Arial, Helvetica-Normal, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
}
.MinisteriosLinks 
{
    font-family: Verdana, Arial, Helvetica-Normal, Sans-Serif;
    font-size: 12px;
}
.MinisteriosFields
{
    font-family: Verdana, Arial, Helvetica-Normal, Sans-Serif;
    font-size: 12px;
    color: Black;
}
.MinisteriosSpecial
{
    font-family: Verdana, Arial, Helvetica-Normal, Sans-Serif;
    font-size: 12px;
    color: Red;
}

.floatleft {
	float: left;
	padding-top: 0px;
	margin-right: 10px;
	margin-bottom: 2px;
	margin-left: 10px;
	padding-left: 0px;
	border: solid #555555 1px;
}

.bigHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #336699;
	font-style: normal;
	font-variant: normal;
	text-transform: uppercase;
}
/* 
================================
    Modulo de Testimonios
================================
*/  
#tblCruzada 
{
    background-image: url(../../../0/cruzadaPermanentBG.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    background-color: transparent;
    border-top: 1px solid #336699;
    border-left: none;
    border-right: none;
    border-bottom: none;
    margin-top: 5px;
    display: block;
    height: 100px;
    width: 528px;
}

#vidscroll 
{
    height: 215px;
    _height: 260px;
    overflow: auto;
    width: 178px;
    padding: 10px;
    margin-bottom: 5px;
    }

#videoCollection 
{
    background-image: url(../../../0/testimonios/vidCollectionBG.jpg);
    background-position: bottom left;
    background-color: #FFF !important;
    background-repeat: repeat-x;
    border-bottom: 1px solid #336699;
    /* border-left: 1px solid #336699;
    border-right: 1px solid #336699;
    border-top: none;*/
    }

 #vidscroll td a
{
    padding: 6px 0 6px 0;
    border-bottom: 1px dotted #999;
    display: block;
    }


#vidscroll td a:hover
{
    background-color: #999999;
    display: block;
     padding: 6px 0 6px 0;
    border-bottom: 1px dotted #999;
    }

#tblCruzada input {
	margin-top: 15px;
	_margin-top: 5px;

}

    
#closeBtn, #closeBtn a {
    font-size: 11px;
    font-family: Tahoma, Arial, Helvetica;
    text-align: left;
    color: 336699;
    text-decoration: none;
    padding-left: 2px;
    padding-bottom: 5px;
    }


/* Recursos de Oracion
--------------------------------*/

#recOracion {
	margin: 10px 10px;
	padding-left: 15px;
	list-style-image: url(smArrow.jpg);
font-family:Arial, Helvetica, sans-serif;
color:#757575;
font-size:12px;
line-height: 16px;
font-weight: bold;
}

#recOracion a {
font-family:Arial, Helvetica, sans-serif;
color:#757575;
text-decoration:none;
font-size:12px;
line-height: 16px;
}

#recOracion a:hover {
	border-bottom:#999999 dotted 1px;
}

/*  Sim live player */

#video_container 
{
    width:480px;
    height: 360px;

    display:block;
    vertical-align:middle;
    background:#000000 url(../../../../Media/erj/images/curtain-online-service.jpg) top center no-repeat;
    border:3px #e4e4e4 solid;
    margin:0 auto;
    position:relative;
    padding:0;
    
    }

#lcm_video 
{
    position:absolute;
    top:0px;
    left:0px;

    }
#sim-video 
{   
    position:absolute;
    width:480px;
    height:360px;
    margin:0;
    padding:0;
    }

#lcm_simlive_countdown 
{
    position:relative;
    top:295px;
    text-align:center;
    margin: 0 auto;
    font-size:16px;
    width:480px;
    }

#lcm_video, #lcm_simlive_countdown 
{
    color:#ffffff;
    }
    
#english-note 
{
    width:480px;
    height:20px;
    margin:0 auto 15px auto;
    display:block;
    font-size:12px;
    }

#english-note small
{
    font-size:11px;
    }